<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />  
<meta http-equiv="Pragma" content="no-cache" />  
<meta http-equiv="Expires" content="0" /> 
<meta charset="utf-8" name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>优惠资讯</title>
 	<link rel="stylesheet" href="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrap/dist/css/bootstrap.min.css">  
    <link href="http://carowner.yonyouauto.com/fs01/ase/v1/components/mobisscroll/css/mobiscroll.custom-3.0.0-beta2.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrapValidator/css/bootstrapValidator.css" type="text/css" />
	<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/jquery2.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/common/py.js"></script>
	<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="http://carowner.yonyouauto.com/fs01/ase/v1/components/mobisscroll/js/mobiscroll.custom-3.0.0-beta2.min.js" type="text/javascript"></script>
    
    <script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/hammer/hammer.min.js"></script>
    <script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/hammer/jquery.hammer.js"></script>
    
    <script src="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrapValidator/js/bootstrapValidator.js"></script>
     <script src="http://carowner.yonyouauto.com/fs01/ase/v1/components/surveyjs/survey.jquery.js"></script>
    <script src="http://carowner.yonyouauto.com/fs01/ase/v1/components/vue/vue.min.js"></script>
    <script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/common/common.js"></script>
    <script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/Gmccui.js"></script>
    
    <script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/common/wechatCommon.js"></script>
	<style> 
a{ text-decoration:none;color:#000;}
.product-head h1{font-size: 14px;font-family: Arial, Helvetica, sans-serif;margin-bottom: 3px;margin-left: 3px;}
.product-head{font-size: 12px;padding: 4px;background-color: #ccc;width: 235px;}
.filterform input{font-size: 15px;padding: 3px;border: 1px solid #999;}
li{padding: 0;margin: 3px;list-style: none;width: 100%;}
li a{color: #000;font-family: Arial, Helvetica, sans-serif;font-size: 11px}
ul{margin: 0;padding: 0;}
.clear{clear: both;}
body{background-color:#fff;color:#777;}

.item-wrap .item{
	width:100%;
	height:80px;
	background-color:#fff;
	padding: 15px 0px;
	border-bottom:1px solid #ddd;
}

.item-wrap>.item:last-child{
	border-bottom:1px solid #fff;
}

.item-wrap .item .flag{
	padding:2px;
	border:1px solid red;
	color:red;
	border-radius: 3px;
	float:right;
	letter-spacing: 2px;
    margin-right: 5px;
}

.zx-item{
	display:inline-block;
	width:100%;
	padding:5px;
}
.zx-item img,.zxxx-img,.hdxx-img{
	width:100%;
	border-radius:0px;
}
.zx-item span[class^="dsp_text"]{
	color:#555;
	line-height: 27px;
}
.zx-item span.dsp_text_light{
	color:#989595;
}

.drivider-line-1{
	height:1px;
	display:inline-block;
	width:100%;
	background-color:#ddd;
	margin:0 0 5px;
	
}
.drivider-line-10{
	height:10px;
	display:inline-block;
	width:100%;
	background-color:#ddd;
	margin:0px 0px 5px;
	
}

.border-dash-1{
	width:100%;
	display:block;
	border:1px dashed #ddd;
	min-height:100px;
	border-radius: 2px;
}

.font-red,.font-red *{
	color:#ea0707;
}
.wd-80{
	width:80%;
}

#syscontent{
	position:absolute;
	height:100%;
	width:auto;
	background-color:#fff;
}

.padding-top-15{
	padding-top:15px;
}

.padding-15{
	padding:15px;
}

.line-h-30{
	line-height: 30px;
}

#surveyContainer .panel-body>div:first-child {
    padding: 15px;
    border: 1px dashed #ddd;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 4px;
}
.top-header{
	width: 100%;
    display: inline-block;
    background: url(http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/td1.png) 10px 12px no-repeat;
    background-size: 15px 15px;
    height: 35px;
    background-color: #3d3d3d;
    color: #fff;
    padding: 10px 30px;
    letter-spacing: 2px;
    font-size: 16px;
}

</style> 
<script type="text/javascript">

</script>
</head>
<body>    
<div id="yhContent" class="tab-content container" style="overflow-x:hidden;">
	<div class="row">
    	<div class="top-header">我的优惠资讯</div>
		<!-- <div class="drivider-line-10"></div> -->
    </div>	
	
	<div  id="maintainMainDiv" class="container formValidate tab-pane fade" 
		data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
		data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
		data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
	</div>
	<!-- 列表 -->
	<div class="item-wrap">
	<div class="item" v-for="hd in hdList" v-on:click="hdSkip(hd['naiId'],hd['potentialUserId'],hd['titile'],hd['titleImage'])" style="padding: 0px;">
			<!-- <div class="col-xs-4 text-right">
				<img class="img-rounded wd-80" v-bind:src="hd['titleImage']">
			</div>
			<div class="col-xs-8">
				<p v-text="hd['titile']"></p>
			</div> -->
			<div class="row zx-item" style="margin: 0px;padding: 25px 0px 0px 0px;">
				<div class="col-xs-12 text-center" style="padding: 0px;">
					<div class="max-v-img">
					<img class="img-rounded" v-bind:src="hd['titleImage']">
					</div>
				</div>
			</div>
			<div class="row padding-tb-10" style="margin-top:5px;">
				<div class="col-xs-12" style="">
					<span class="flag pull-left">优惠</span>
					<span class="dsp_text" v-text="hd['titile']" style="padding-left: 10px;line-height: 26px;"></span>
				</div>
			</div>
	</div>
	
	<!-- 列表结束 -->
	
	
</div>
	
<script>

var Gmccui = new Gmccui();
var apiUrl = [
	{"id":"hdList","url":"myNews"}//促销活动列表
];
var yhContentData = {"hdList":[]};

Gmccui.setHeaderMap({"Cookie":document.cookie});
Gmccui.setDomainUrl(getRootPath()+"/information/api/v1/");
Gmccui.setMutiApi(apiUrl);
Gmccui.getData("hdList",{"activityType":0},function(_callback){
	yhContentData.hdList = _callback;
})

new Vue({
            el: '#yhContent',
            data: yhContentData,
            methods:{
           	 		hdSkip:function(nailId,potentialUserId,titile,titleImage){
       	 			var title = encodeURI(titile);
           	 		var hdUrl = '/wx/views/sharepage/informationView.html?naiId='+nailId+'&potentialUserId='+potentialUserId+'&title='+title+'&imgUrl='+titleImage;
	            	Gmccui.goto(hdUrl);
           	 		}
 			}
        });

</script>
</body>

</html>